import type { SetupContext } from 'vue'
import type { SaasTitlePropsType } from './typings'
import styles from './index.module.scss'

export default function SaasTitle (props: SaasTitlePropsType, context: SetupContext) {
  return (
    <section
      class={{
        [styles[`saas-title-${props.type || 'default'}`]]: true,
        [styles['saas-title']]: true
      }}
    >
      {context?.slots?.default?.()}
    </section>
  )
}
